$(function () {
    // 固定资产 年份选择
    laydate.render({
        elem: '#totalAsset'
        ,type: 'year'
    });
    laydate.render({
        elem: '#totalAsset2'
        ,type: 'year'
    });
    laydate.render({
        elem: '#yearsData'
        ,type: 'year'
    });
    laydate.render({
        elem: '#yearsData2'
        ,type: 'year'
    });
    // ztree配置
    var zSetting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    // 初始化ztree控件
    $.fn.zTree.init($("#treeElm"), zSetting, zNodes);

    var totalAssetOption = {
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            top: 50,
            left: '8%',
            itemGap: 12,
            itemWidth: 15,
            itemHeight: 15,
            data: [
                {
                    name: '房屋', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                },
                {
                    name: '车辆', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                },
                {
                    name: '信息化设备', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                },
                {
                    name: '办公设备', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                },
                {
                    name: '食堂', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                }
            ]
        },
        series: [
            {
                name: '总资产分布',
                type: 'pie',
                radius: '50%',
                center: ['50%', '60%'],
                data: [
                    {value: 200, name: '房屋'},
                    {value: 200, name: '车辆'},
                    {value: 100, name: '信息化设备'},
                    {value: 200, name: '办公设备'},
                    {value: 100, name: '食堂'}
                ],
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'outer',
                            formatter: '{b}{c} 占比{d}%',
                            textStyle: {
                                fontSize: 14
                            }
                        }
                    },
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ],
        color: ['#e7403e', '#3c455b', '#fbb363', '#87b131', '#b500dc']
    };
    var yearsDataOption = {
        tooltip: {
            trigger: 'item'
        },
        legend: {
            x: 'right',
            y: 'top',
            itemGap: 70,
            data: [
                {
                    name: '入库', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                },
                {
                    name: '报废', // 强制设置图形为圆。
                    icon: 'square', // 设置文本为红色
                    textStyle: {
                        fontSize: 14,
                        color: '#000'
                    }
                }
            ]
        },
        xAxis: {
            type: 'category',
            data: ['房屋', '车辆', '信息化设备', '办公设备', '食堂'],
            name: '资产类型',
            boundaryGap: true,
            nameTextStyle: {
                color: '#000',
                fontSize: 12
            },
            axisLabel: {
                textStyle: {
                    color: '#000',
                    fontSize: 12
                }
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#ededed',
                    width: 2,
                    type: 'solid'
                }
            },
            axisTick: {
                show: false,
                lineStyle: {
                    color: '#ccc'
                }
            }
        },
        yAxis: {
            type: 'value',
            name: '数量',
            nameTextStyle: {
                color: '#000',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: ['#ededed'],
                    width: 1,
                    type: 'solid'
                }
            },
            axisLabel: {
                textStyle: {
                    color: '#000',
                    fontSize: 12
                }
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#ededed',
                    width: 2,
                    type: 'solid'
                }
            },
            axisTick: {
                show: false,
                lineStyle: {
                    color: '#ccc'
                }
            }
        },
        series: [
            {
                name: '入库',
                data: [480, 380, 280, 420, 310],
                type: 'bar',
                barWidth: 22
            },
            {
                name: '报废',
                data: [380, 290, 220, 320, 240],
                type: 'bar',
                barWidth: 22
            }

        ],
        color: ['#b40d0c', '#1c325e']
    };
    // 总资产 图表
    ininEchart('#totalAssetEchart',totalAssetOption);
    var totalAssetEchart = echarts.init( document.querySelector('#totalAssetEchart') );
    totalAssetEchart.on("click",function(param){
        // console.log(param.name)
        var layerTitle = param.name;
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                type: 2,
                title:['总资产','font-size:18px;'],
                // skin: 'layui-layer-rim', //加上边框
                closeBtn: 2,
                area: ['724px', '380px'], //宽高
                content: './houseTotalLayer.html?'+layerTitle
            });
        });
    });
    //各年份数据对比 图表
    ininEchart('#yearDataEchart',yearsDataOption);
    var yearDataEchart = echarts.init( document.querySelector('#yearDataEchart') );
    yearDataEchart.on("click",function(param){
        // console.log(param)
        var layerTitle = param.name;
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                type: 2,
                title:['各年份数据对比','font-size:18px;'],
                // skin: 'layui-layer-rim', //加上边框
                closeBtn: 2,
                area: ['724px', '380px'], //宽高
                content: './yearDataLayer.html?'+layerTitle
            });
        });
    });
});
// 加载可视化图表
function ininEchart(id,option){
    var objEchart = echarts.init( document.querySelector(id) );

    objEchart.resize({
        width:'auto'
    });
    var objOption = option;
    objEchart.clear();

    objEchart.setOption(objOption);

}